<template>
  <div>
    <z-slider v-model:value="size" />
    <br />
    <z-space :size="size">
      <z-button type="primary">Primary</z-button>
      <z-button>Default</z-button>
      <z-button type="dashed">Dashed</z-button>
      <z-button type="link">Link</z-button>
    </z-space>
  </div>
</template>

<script>
import { defineComponent, ref } from 'vue'

export default defineComponent({
  setup() {
    return {
      size: ref(8)
    }
  }
})
</script>
